﻿@{
    ViewBag.Title = "Index";
    Layout = "~/Areas/Admin/Views/Shared/_LayoutList.cshtml";
}
<div class="admin-main">
    <blockquote class="layui-elem-quote p10">
        <form id="formSearch" class="layui-form" action="">
            <div class="layui-input-inline" >
                <a class="layui-btn" lay-filter="submitForm" id="btnAddAuth">添加授权</a>
            </div>
        </form>
    </blockquote>
    <div class="layui-field-box">
        <table id="defaultTable" lay-filter="defaultruv"></table>
        <!-- 这里的 checked 的状态只是演示 -->
        <script type="text/html" id="bar">
            @Html.ToolBarHtml(ViewData["ActionList"])
        </script>
    </div>
</div>
<script>
    layui.use(['table', 'common', 'form'], function () {
        var table = layui.table,
            form = layui.form,
            common = layui.common;
        //表格
        table.render({
            id: 'defaultReload'
           , elem: '#defaultTable'
           , height: 'full-112' //高度最大化减去差值
           , url: '/AuthPlatForm/List?PlatForm=1' //数据接口
           , page: false //开启分页
           , cols: [[ //表头
             { checkbox: true },
             { field: 'Id', title: 'Id', width: 80 }
             , { field: 'ShopName', title: '店铺名称', width: 160 }
             , { field: 'MerchantId', title: '卖家编号', width: 180 }
             , { field: 'AuthToken', title: '授权Token', width: 380}         
             , { field: 'CreateOn', title: '创建时间', width: 180, templet: '<div>{{showDate(d.CreateOn)}}</div>' }
             , { field: '', title: '操作', toolbar: "#bar" }
           ]]
        });
        var $ = layui.$, active = {
            reload: function () {
                var jsonWhere = urlToJson($("#formSearch").serialize());
                //执行重载
                table.reload('defaultReload', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                  , where: jsonWhere
                });
            }
        };
        //服务器排序
        table.on('sort(defaultruv)', function (obj) {
            //尽管我们的 table 自带排序功能，但并没有请求服务端。
            //有些时候，你可能需要根据当前排序的字段，重新向服务端发送请求，如：
            table.reload('defaultReload', {
                initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。 layui 2.1.1 新增参数
              , where: { //请求参数
                  field: obj.field //排序字段
                , order: obj.type //排序方式
              }
            });
        });
        $('#btnSearch').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
        //add
        $('#btnAddAuth').on('click', function () {
            common.openTop({
                title: '亚马逊授权', w: '600px', h: '500px', content: '/datasrv/AuthPlatForm/AmazonAuth'
            });
        });
        //监听工具条
        table.on('tool(defaultruv)', function (obj) {
            var data = obj.data;
            if (obj.event === 'detail') {
                common.openTop({
                    detail: true,
                    title: '用户详情', w: '600px', h: '360px', content: '/Permissions/User/Detail/' + data.Id, clickOK: function (index) {
                        common.close(index);
                    }
                });
            } else if (obj.event === 'del') {
                layer.confirm('确定要删除吗？', function (index) {
                    $.ajax({
                        url: "/datasrv/AuthPlatForm/Delete",
                        type: "POST",
                        data: { "id": data.Id, "platform": 1 },
                        dataType: "json",
                        success: function (data) {
                            if (data.state == "success") {
                                obj.del();//删除这一行
                                common.msgSuccess("删除成功");
                            } else {
                                common.msgError("删除失败");
                            }
                            layer.close(index);//关闭弹框
                        }
                    });
                });
            } 
        });
    });
</script>
